<template>
    <ul class="list">
        <li v-for="item of efg" :key="item.id">
            <img :src="item.imgUrl" alt="" style="width:100%">
            <p style="font-family:PingFangSC-Regular;font-size: 20px;margin-top: 15px;margin-left: 1rem">{{item.name}}</p>
        </li>
    </ul>
</template>

<script>
    import {getBanner} from "../../api";
    export default {
        name: "ZhiDeListljj",
        data() {
            return {
                efg:[]
            }
        }, mounted() {
            getBanner('/zhidemai-list').then(response=>{
                this.efg=response.data
            })
        }
    }
</script>

<style scoped>
    .list{
        width: 100%;
        margin-top: 15px;
    }
    .list>li{
        width: 45%;
        height: 350px;
        float: left;
        margin-left:1.2rem;
        margin-top: 1rem;
        box-sizing: border-box;
        overflow: hidden;
        border-radius: .6rem;
        background: #fff;
    }
</style>